<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<title>{% block title %}home{% endblock %}</title>
		<meta name="generator" content="Studio 3 http://aptana.com/">
		<meta name="author" content="szhao">
		<script type='text/javascript' src="{{url_for('static', filename='js/jquery-1.5.1.min.js') }}"></script>
		<script type='text/javascript' src="{{url_for('static', filename='js/jquery-ui-1.8.13.custom.min.js') }}"></script>		
		<link type='text/css' rel='stylesheet' href="{{url_for('static', filename='css/cupertino/jquery-ui-1.8.13.custom.css') }}"/>
		<link type='text/css' rel='stylesheet' href="{{url_for('static', filename='css/screen.css') }}"/>
		<link type='text/css' rel='stylesheet' href="{{url_for('static', filename='renren/base.css') }}"/>
		<link type='text/css' rel='stylesheet' href="{{url_for('static', filename='css/validationEngine.jquery.css') }}"/>
		<script src="{{url_for('static', filename='js/jquery.validationEngine-cn.js') }}" type="text/javascript" charset="utf-8"></script>
    	<script src="{{url_for('static', filename='js/jquery.validationEngine.js') }}" type="text/javascript" charset="utf-8"></script>
		<!-- Date: 2011-06-14 -->
		<script>
			$(function(){
				$('.ui-tabs-nav li').hover(
					function(){
						if (!$(this).hasClass('ui-state-active')) {
							$(this).addClass('ui-state-hover');
						};						
					},
					function(){
						$(this).removeClass('ui-state-hover')
					}
				);
				$('.button').button();
				$.get('/inviteCount', function(response){
					if(response != '0'){
						$('#main-bar').append('<li><a href="/invites">有' + response + '个邀请</a></li>');
					}
				});				
			})
		</script>
	</head>
	<body>
		<div id='renren-container'>
			<div class='ui-tabs'>
				<ul class='ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all' id='main-bar'>
					<li class='ui-state-default ui-corner-top ui-state-active'><a href='/'>活动</a></li>
					<li class='ui-state-default ui-corner-top'><a>日历</a></li>
					<li><a href='/logout'>logout</a></li>
				</ul>
				<div class='float-left panel'>
				{% block body %}
				
				{% endblock %}
				</div>
			</div>

		</div>
	</body>
</html>
